<template>
  <UniversalEcharts :options="options"/>
</template>

<script>
import UniversalEcharts from "@/views/reports/components/universal-echarts.vue";

export default {
  name: "radar-echarts",
  components: {
    UniversalEcharts
  },
  data() {
    return {
      options: {
        radar: {
          // shape: 'circle',
          center: ['50%', '55%'],
          indicator: [
            {name: '1分', max: 6500},
            {name: '2分', max: 16000},
            {name: '3分 ', max: 30000},
            {name: '4分 ', max: 38000},
            {name: '5分', max: 52000},
          ]
        },
        series: [
          {
            name: 'Budget vs spending',
            type: 'radar',
            data: [
              {
                value: [4200, 3000, 20000, 35000, 50000,],
                name: 'Allocated Budget'
              },
            ]
          }
        ]
      }
    }
  }
}
</script>

<style scoped>

</style>
